/**
 * For more details about the awesome button see:
 * http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html
 * http://xbrow.se/style_guide
 */

.awesome,
.awesome:visited {
/*   background: url(/en_US/theme_default/images/awesome_button/alert-overlay.png) repeat-x scroll 0 0 #222;*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    /* TODO: Add border-radius support for the all the browsers. */
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
	/* IE 7 hack for inline-block */
	zoom:1;
    *display: inline;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
	/* TODO: Add text-shadow support for the all the browsers. */
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    line-height:22px
}
.awesome:hover {
	background-color: #111;
	color: #fff;
	text-decoration:none;
}
.awesome:active {
    top: 1px;
}
.disabled.awesome {
    background-color: #eee;
    cursor:default;
	/* TODO: Add opacity support for the all the browsers. */
    opacity:0.6;
    visibility: visible;
}
.disabled.awesome:active {
	top:0;
}
.small.awesome,
.small.awesome:visited {
	font-size: 11px;
}
.medium.awesome,
.medium.awesome:visited {
	font-size: 13px;
	font-weight: bold;
}
.large.awesome,
.large.awesome:visited {
	font-size: 14px;
	font-weight: bold;
	padding: 8px 14px 9px;
}

/*============================================
	YSI customized awesome button styles
============================================*/

.awesome,
.awesome:visited {
    border: 1px solid #222;
    /* TODO: Add border-radius support for the all the browsers. */
	border-radius: 4px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	margin: 0;
	/* TODO: Add text-shadow support for the all the browsers. */
    text-shadow: 0 1px 1px rgba(204, 204, 204, 0.0);
	white-space: nowrap;
	width: auto;
    behavior: url(/en_US/js/workstream/pie/PIE.htc);
}

.gray.awesome,
.gray.awesome:visited {
	background: url(/en_US/theme_default/images/awesome_button/large-button-overlay-inverted.png) repeat-x scroll 0 0 #fff;
    border-color: #bbb;
    color: #555;
}
.gray.awesome:hover {
	background-color: #eee;
	color: #333;
}

.dark-gray.awesome,
.dark-gray.awesome:visited {
	background: url(/en_US/theme_default/images/awesome_button/large-button-overlay-inverted.png) repeat-x scroll 0 0 #bbb;
    border-color: #999;
    color: #555;
}
.dark-gray.awesome:hover {
	background-color: #aaa;
	color: #333;
}
.green.awesome,
.green.awesome:visited {
	background: url(/en_US/theme_default/images/awesome_button/large-button-overlay.png) repeat-x scroll 0 0 #60A015;
    border-color: #60A015;
	color: #fff;
}
.green.awesome:hover {
	background-color: #4c8600;
	color: #fff;
}

.orange.awesome,
.orange.awesome:visited {
	background: url(/en_US/theme_default/images/awesome_button/large-button-overlay.png) repeat-x scroll 0 0 #ff5c00;
	border-color: #ff5c00;
	color: #fff;
}
.orange.awesome:hover {
	background-color: #d45500;
	color: #fff;
}

.red.awesome,
.red.awesome:visited {
	background: url(/en_US/theme_default/images/awesome_button/large-button-overlay.png) repeat-x scroll 0 0 #f03011;
	border-color: #f03011;
	color: #fff;
}
.red.awesome:hover {
	background-color: #e11500;
	color: #fff;
}

.htyahoo.awesome,
.htyahoo-gray.awesome,
.htfacebook.awesome,
.htfacebook-gray.awesome,
.htwhite-sm.awesome,
.htorange.awesome,
.htorange-sm.awesome,
.htdestro-sm.awesome,
.htgreen-sm.awesome,
.htgray-sm.awesome,
.htred-sm.awesome,
.htwhite.awesome,
.htdestro.awesome,
.htdestro-gray.awesome,
.htgreen.awesome,
.htgray.awesome,
.htred.awesome {
    background-clip: padding-box;
    background-color: #f15b41;
    border-radius: 50px;
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px;
    color: #FFFFFF;
    display: inline-block;
    font: bold 14px/1em Helvetica, sans-serif;
    padding: 12px 20px;
    text-align: center;	
    border-color: #f15b41;
	color: #fff;
	border: 0px solid;
	cursor: pointer;
}
.htyahoo.awesome, .htyahoo-gray.awesome, .htfacebook.awesome, .htfacebook-gray.awesome, .htwhite-sm.awesome, .htdestro-sm.awesome, .htgreen-sm.awesome, .htgray-sm.awesome, .htred-sm.awesome, .htorange-sm.awesome {
    font: bold 12px/1em Helvetica, sans-serif;
    padding: 10px 20px;
}
.htred-sm.awesome:hover, 
.htred.awesome:hover {
	background-color: #eb7262;
	color: #fff;
}
.htgray-sm.awesome,
.htgray.awesome {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}
.htgray-sm.awesome:hover,
.htgray.awesome:hover {
	background-color: #aaa;
}
.htgreen-sm.awesome,
.htgreen.awesome {
    background-color: #7ead41;
    border-color: #7ead41;
}
.htgreen-sm.awesome:hover,
.htgreen.awesome:hover {
	background-color: #8fbe52;
}
.htdestro-sm.awesome,
.htdestro.awesome {
    background-color: transparent;
    border: 3px solid #F15B41;
    color: #3a383a;
}
.htdestro-sm.awesome:hover,
.htdestro.awesome:hover {
    border-color: #f18876;
    color: #555455;
}
.htdestro-gray-sm.awesome,
.htdestro-gray.awesome {
    background-color: transparent;
    border: 3px solid #9e9e9e;
    color: #9e9e9e;
}
.htdestro-sm.awesome {
    padding: 7px 20px;	
}
.htdestro.awesome {
    padding: 9px 20px;	
}
.htorange-sm.awesome,
.htorange.awesome {
    background-color: #FF9933;
    border-color: #FF9933;
}
.htorange-sm.awesome:hover,
.htorange.awesome:hover {
	background-color: #FF9933;
}
.htwhite-sm.awesome,
.htwhite.awesome {
    background-color: #fff;
    border-color: #fff;
    color: #3a383a;
}
.htwhite-sm.awesome:hover,
.htwhite.awesome:hover {
        color: #7d7c7d;
}
/* Special Oauth buttons */
.htyahoo.awesome,
.htyahoo-gray.awesome,
.htfacebook.awesome,
.htfacebook-gray.awesome {
    background-color: transparent;
    border: 3px solid #5f008e;
    color: #3a383a;
    padding: 5px 20px;	
}
.htyahoo.awesome:hover,
.htyahoo-gray.awesome:hover,
.htfacebook.awesome:hover, 
.htfacebook-gray.awesome:hover {
    border-color: #939393;
    color: #555455;
}
.htfacebook.awesome {border-color: #2f448b}
.htfacebook.awesome:hover {border-color: #919ec4;}
.htfacebook-gray.awesome, .htyahoo-gray.awesome {border-color: #939393}

/*Fancy Button*/
.htfancy.awesome{
	color:#fff;
    display: inline-block;
	font:30px/30px 'Verb Extrabold', 'Helvetica', 'Arial', 'Sans-serif';
	padding: 20px 40px;
    text-align: center;
	cursor: pointer;
	border-color: #f15b41;
	border: 0px solid;
	border-radius: 50px;
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px;	
	background-clip: padding-box;
    background-color: #f15b41;
	background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.15)), #f15b41;
	background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.15)), #f15b41;
	background: -webkit-gradient(rgba(0,0,0,0),rgba(0,0,0,.15)), #f15b41;
	background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.15)), #f15b41;
	-pie-background: linear-gradient(#ef5a40, #d04e38);
	behavior: url(/en_US/js/workstream/pie/PIE.htc) !important;
}
.htfancy.awesome:hover{
	background: -moz-linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,0)), #f15b41;
	background: -webkit-linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,0)), #f15b41;
	background: -webkit-gradient(rgba(0,0,0,.15),rgba(0,0,0,0)), #f15b41;
	background: -ms-linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,0)), #f15b41;
	-pie-background: linear-gradient(#d04e38, #ef5a40);
	behavior: url(/en_US/js/workstream/pie/PIE.htc) !important;
}



